<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta charset="UTF-8">
	<title>less learning</title>
	<!-- 1, should load all your css file before load less.js
		 2, if we have more than one less file, we shoud use varies/mixin/namespace in the other file. every less file compile standalone.
	 -->
	<link rel="stylesheet/less" type="text/css" href="src/main.less" />
	<!-- set options before less.js script -->
	<script>
	  less = {
	    env: "development",
	    async: false,
	    fileAsync: false,
	    poll: 1000,
	    functions: {},
	    dumpLineNumbers: "comments",
	    relativeUrls: false,
	    //rootpath: ":/a.com/"
	  };
	</script>
	<script src="http://cdn.bootcss.com/less.js/1.7.0/less.min.js"></script>
</head>
<body>
	<div class="example">
		example
	</div>

	<nav>
		<ul>
			<li>xxxxxx</li>
			<li>xxxxxx</li>
			<li>xxxxxx</li>
		</ul>
	</nav>
</body>
</html>